import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { compression } from 'vite-plugin-compression2'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    compression({
      algorithm: 'gzip',
      exclude: [/\.(br)$/, /\.(gz)$/],
      threshold: 1024
    })
  ],
  build: {
    // 启用 CSS 代码分割
    cssCodeSplit: true,
    // 启用源码映射
    sourcemap: false,
    // 启用压缩
    minify: 'terser',
    terserOptions: {
      compress: {
        // 生产环境时移除console
        drop_console: true,
        drop_debugger: true,
      },
    },
    // 分块策略
    rollupOptions: {
      output: {
        chunkFileNames: 'js/[name]-[hash].js',
        entryFileNames: 'js/[name]-[hash].js',
        assetFileNames: '[ext]/[name]-[hash].[ext]',
        manualChunks(id) {
          // 将 node_modules 的代码单独打包
          if (id.includes('node_modules')) {
            return 'vendor'
          }
        }
      }
    },
    // 启用 gzip 压缩
    reportCompressedSize: false,
    // chunk 大小警告的限制（单位：kbs）
    chunkSizeWarningLimit: 1000
  },
  server: {
    host: '0.0.0.0',
    port: 5173,
    // 启用 HMR
    hmr: true,
    // 优化开发服务器性能
    watch: {
      usePolling: false,
      interval: 100
    }
  },
  optimizeDeps: {
    // 预构建依赖项
    include: ['vue', 'vue-router', 'element-plus', '@element-plus/icons-vue', 'axios']
  },
  // 配置别名
  resolve: {
    alias: {
      '@': '/src',
      '@exercise': '/src/components/exercise'
    }
  }
})
